﻿.left_col
{
    background-color: White;
    float: left;
    width:18%;
    height: 95%;
    margin-left:3px;
    border-left: 1px ridge lightgray;
    border-right: 1px ridge lightgray;
    
    border-top: 1px ridge lightgray;
    border-bottom: 1px ridge lightgray;

    }
.left_col ul li img
{
    border-style:inherit;
    }
.right_col
{
    background-color: White;
    float: right;
    width: 18%;
    height: 95%;
    margin-right: 12px;
    border-left: 1px solid lightgray;
    border-right: 1px solid lightgray;
    border-top: 1px solid lightgray;
    border-bottom: 1px solid lightgray;
    }
/*Menu*/
/* BE SURE TO INCLUDE THE CSS RESET FOUND IN THE DEMO PAGE'S CSS */
/*------------------------------------*\
	navBar
\*------------------------------------*/


/*--- DROPDOWN ---*/
#navBar ul li ul{
	background:#fff; /* Adding a background makes the dropdown work properly in IE7+. Make this as close to your page's background as possible (i.e. white page == white background). */
	background:rgba(255,255,255,0); /* But! Let's make the background fully transparent where we can, we don't actually want to see it if we can help it... */
	list-style:none;
	position:absolute;
	/*left:-9999px; */
    /* Hide off-screen when not needed (this is more accessible than display:none;) */
}
#navBar ul li ul{
	padding-top:1px; /* Introducing a padding between the li and the a give the illusion spaced items */
	float:none;
}
#navBar ul li a{
	white-space:nowrap; /* Stop text wrapping and creating multi-line dropdown items */
}
#navBar ul li:hover ul li{ /* Display the dropdown on hover */
	left:0; /* Bring back on-screen when needed */
}
#navBar ul li ul:hover a{ /* These create persistent hover states, meaning the top-most link stays 'hovered' even when your cursor has moved down the list. */
	background:#6b0c36;
	text-decoration:underline;
}
#navBar ul li ul:hover ul a{ /* The persistent hover state does however create a global style for links even before they're hovered. Here we undo these effects. */
	text-decoration:none;
}
#navBar ul li:hover ul li a:hover{ /* Here we define the most explicit hover states--what happens when you hover each individual link. */
	background:#333;
}

/*End of menu*/

.sao_26
{
    color: Red;
    }

/*Footer*/
#main_footer {
    position: relative;
    background-color: #CFC8C0;
    height: 46px;
    overflow: hidden;
    display: block;
}
#main_footer #lien_hot_news {
    height: 30px;
    padding-top: 6px;
    font-size: 20px;
}

#main_footer #lien_hot_news {
    color: white;
    font: italic normal 24px Georgia,serif;
    height: 38px;
    width: 137px;
    padding-top: 8px;
    display: block;
    font-size: 25px;
    text-align: center;
    float: left;
}

#main_footer #dernier_tweet {
    float: left;
    margin-left: 11px;
    margin-top: 11px;
    position: relative;
    background-color: White;
}

#main_footer #dernier_tweet .last_tweet {
    overflow: hidden;
    color: Black; 
    font-size: 14px;
    text-decoration: none;
}

#main_footer #dernier_tweet .inner {
    max-width: 550px;
    padding: 4px 15px 5px 53px;
    height: 15px;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
    margin: 5px;
}
/*end of footer*/

/*Horizontal submenu*/
.navBar ul {
margin:0px;
padding:0px;
list-style: none;
}
.navBar li {
float: left;
height:30px;
margin-left:15px;
margin-right:15px;
position: relative;
display: block;
}
.navBar li a {
text-decoration:none;
}
.navBar li a:hover {
text-decoration:underline;
}
.navBar li ul {
margin:0px;
padding:0px;
position: absolute;
height:30px;
}
.navBar li:hover ul
{
left: 0;
width:160px;
}

/*end of horizontal submenu*/
#lien_hot_news
{
    background-color: #3ec01d;
    background: #3ec01d;
    }

.addthis_toolbox, #disqus_thread{
	padding-left: 10px;
	padding-right: 10px;
}
#ngaydang
{
    padding-left: 10px;
    }

.pre_ico
{
    float: right;
    padding-right: 10px;
    padding-top: 5px;
    }
.luottruycap
{
    text-align: center;
    }

.tabletitle
{
    font-weight: bold;
	text-align: right
	;
	
    }
.websiteLogo
{
    float: left;
    margin-left: 10px;
    margin-top: 5px;
	height:80px;
	width: 80px;
    }
#sloganCty {
    position: relative;
    top: 15px;
    display: inline-block;
    margin-left: 6px;
    color: Green;	
}

#ja-header-right
{
    float: right;
    margin-top: 5px;
    position: absolute;
    width: 250px;
    top: 0px;
    right: 0px;
    }
/*banner*/
#banner
{
    position:relative;
    top:10px;
    width: 190px;
    display: inline-block;
	float: right;
	right:235px;
	margin-right: 20px;
    }
#login
{
    float: right;
    margin-top: 0;
    position: absolute;
    right: 0px;
    top: 60px;
    }
